function Tab(el,option={})
{
    this.el=document.querySelector(el)
    this.option=option

    this.init()
}
Tab.prototype.init=function(){
    this.titleOver()
    this.zdy()
}
Tab.prototype.zdy=function(){
    this.el.querySelectorAll('ol li')[0].style.color=this.option.color
    this.el.querySelectorAll('ol li')[1].style.color=this.option.color
    this.el.querySelectorAll('ol li')[2].stsyle.color=this.option.color
}
Tab.prototype.titleOver=function(){
    let ulLiObjs=this.el.querySelectorAll('ul li')
    ulLiObjs.forEach((item,i)=>{
        item.onmouseover=()=>{
            console.log(this);
            
            this.el.querySelector('ul li.active').className=''
            item.className='active'
            this.contentOver(i)
            
        }
    })
}
Tab.prototype.contentOver=function(i){
    this.el.querySelector('ol li.active').className=''
    this.el.querySelector(`ol li:nth-of-type(${i+1})`).className='active'
}